<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "我的中心");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style>
body {
	background-color: #f5f5f5;
}

.cashbox {
	width: 100%;
	position: relative;
	text-align: center;
	color: #f5f5f5;
	padding: 5px 15px;
	background-image: url('<c:url value='/images/we/personCenter/bg.png' />');
	background-size: 100% 100%;
}

.cashbox a {
	color: #f5f5f5;
}

.level {
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	width: auto;
	padding: 0rem 0.3rem;
	background-image: url('<c:url value='/images/we/personCenter/bg1.png' />');
	background-size: 100% 100%;
}

.toUp {
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	width: auto;
	border: 1px solid white;
	padding: 0rem 0.4rem;
	font-size: 0.6rem;
	padding-top: 0.2rem;
	padding-bottom: 0.1rem;
	margin-left: 0.3rem;
}

.weui-grids>a {
	background-color: #fff;
	border-radius: 15px;
	margin-left: 10px;
	padding: 10px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem
}

.weui-grid {
	width: 30%;
}

.weui-grid:before {
	border: 0px;
}

.weui-grid:after {
	border: 0px;
}

.weui-cell {
	background-color: #fff;
	padding: 13px 15px;
}

.icon_img {
	width: 23px;
	height: 23px;
	padding-right: 10px;
}

/* 底部栏 */
.weui-tabbar {
	position: fixed !important;
	background-color: #fff;
	padding-top: 5px;
}

.weui-tabbar__icon {
	width: 20px;
	height: 20px;
}

.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
	color: #1fa0db;
}
.tittleImg{
	width: 20px !important;
	height: 20px !important;
}
.weui-badge{
	padding: 0px;
	position: absolute;
	top:-0.8em;
	right: -0.5rem;
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	line-height:0.8rem;
	border-radius: 50%;
	font-size: 0.3rem;	
}
</style>

<div class="goback" data-back-href="<c:url value='/wechat/home/index'/>"></div>

<div class="weui-tab">
	<div class="weui-tab__bd">
		<div class="weui-flex ">
			<div class="cashbox">
				<div>
					<a href="#">
						<div style="text-align: right; color: #f5f5f5; margin-top: 5px;position: relative;">
							<%-- <span class="weui-badge" style="">180</span>							
							<img class="tittleImg" alt="" src="<c:url value='/images/we/index/icon_Tmsg.png' />"> --%>
						</div>
					</a>
				</div>
				<div>
					<a href="<c:url value='/wechat/cust/personCenter/personDetailed'/>">
						<img style="width: 72px; height: 72px; border-radius: 50%;"src="${loginModel.headImgUrl}" />
					</a>
				</div>
				<div style="margin-top: -1rem">
					<span class="level"> <c:choose>
							<c:when test="${customer.honor == 'city'}">
						 	城市合伙人
						 </c:when>
							<c:otherwise>
								<t:provider packageName="cust" enumClassName="CustomerLevel"
									value="${customer.level}" />
							</c:otherwise>
						</c:choose>
					</span>
				</div>
				<div class="weui-flex">
					<div class="weui-flex__item "
						style="text-align: left; flex-grow: 1; margin-top: 0.8rem">
						<a href="<c:url value='/wechat/acc/myWealth/aboutGoldbean' />">
							<p>金豆</p>
							<p style="font-size: 1.3rem; color: #fff;">
								<fmt:formatNumber value="${allGoldenBean}" pattern="#"
									minFractionDigits="0">
								</fmt:formatNumber>
							</p>
							<p>
								兑 <img style="width: 8px; height: 13px"
									src="<c:url value='/images/we/personCenter/icon_change.png' />" />
							</p>
						</a>
					</div>
					<div class="weui-flex__item"
						style="flex-grow: 2; text-align: center; margin-top: 5px;">
						<p style="height: auto; line-height: normal;">
							<span style="font-size: 1rem">${loginModel.nickName}</span>
							<c:if test="${customer.honor != 'city'}">
								<c:if test="${customer.level != 'highMaker'}">
									<a
										href="<c:url value='/wechat/cust/customerIden/joinEntrepreneur/'/>">
										<span class="toUp move" style=""> 升级 </span>
									</a>
								</c:if>
							</c:if>
						</p>
					</div>
					<div class="weui-flex__item"
						style="text-align: right; flex-grow: 1; margin-top: 0.8rem">
						<a href="<c:url value='/wechat/acc/myWealth/aboutIncome' />">
							<p>奖金</p>
							<p style="font-size: 1.3rem; color: #fff;">
								<fmt:formatNumber value="${allIncome}" pattern="#.##"
									minFractionDigits="2">
								</fmt:formatNumber>
							</p>
							<p>
								转 <img style="width: 8px; height: 13px"
									src="<c:url value='/images/we/personCenter/icon_change.png' />" />
							</p>
						</a>
					</div>

				</div>
			</div>
		</div>


		<div class="weui-grids">
			<a href="<c:url value='/wechat/policy/listPolicy/policy'/>"
				class="weui-grid js_grid" style="">
				<div class="weui-grid__icon">
					<img style="vertical-align: middle;"
						src="<c:url value='/images/we/personCenter/icon_policy.png' />" />
				</div>
				<p class="weui-grid__label">保单</p>
			</a> <a href="<c:url value='/wechat/acc/myWealth/myWealth'/>"
				class="weui-grid js_grid" style="">
				<div class="weui-grid__icon">
					<img style="vertical-align: middle;"
						src="<c:url value='/images/we/personCenter/icon_wealth.png' />" />
				</div>
				<p class="weui-grid__label">我的财富</p>
			</a> <a data-href="<c:url value='/wechat/cust/personCenter/myTeam' />"
				href="javascript:myTeamClick('${customer.level}');"
				class="weui-grid js_grid myTeam" style="">
				<div class="weui-grid__icon">
					<img style="vertical-align: middle; width: 100%; height: 80%"
						src="<c:url value='/images/we/personCenter/icon_team.png' />" />
				</div>
				<p class="weui-grid__label">我的团队</p>
			</a>
		</div>


		<a class="weui-cell weui-cell_access"
			href="<c:url value='/wechat/cust/colAndFoot/collection' />">
			<div class="weui-cell__hd">
				<img class="icon_img"
					src="<c:url value='/images/we/personCenter/icon_like.jpg' />">
			</div>
			<div class="weui-cell__bd">
				<p>我的收藏</p>
			</div>
			<div class="weui-cell__ft"></div>
		</a> <a class="weui-cell weui-cell_access"
			href="<c:url value='/wechat/cust/colAndFoot/footprint' />">
			<div class="weui-cell__hd">
				<img class="icon_img"
					src="<c:url value='/images/we/personCenter/icon_foot.jpg' />">
			</div>
			<div class="weui-cell__bd">
				<p>我的足迹</p>
			</div>
			<div class="weui-cell__ft"></div>
		</a> <a class="weui-cell weui-cell_access"
			href="<c:url value='/wechat/claim/claimIndex/claimIndex' />">
			<div class="weui-cell__hd">
				<img class="icon_img"
					src="<c:url value='/images/we/personCenter/icon_claim.png' />">
			</div>
			<div class="weui-cell__bd">
				<p>申请理赔</p>
			</div>
			<div class="weui-cell__ft"></div>
		</a> <a class="weui-cell weui-cell_access"
			href="<c:url value='/wechat/cust/personCenter/shareCode' />">
			<div class="weui-cell__hd">
				<img class="icon_img"
					src="<c:url value='/images/we/personCenter/icon_ewm.png' />">
			</div>
			<div class="weui-cell__bd">
				<p>邀请码</p>
			</div>
			<div class="weui-cell__ft"></div>
		</a> <a class="weui-cell weui-cell_access"
			href="<c:url value='/wechat/cust/adviceFeedback/feedback' />">
			<div class="weui-cell__hd">
				<img class="icon_img"
					src="<c:url value='/images/we/personCenter/icon_idea.png' />">
			</div>
			<div class="weui-cell__bd">
				<p>意见反馈</p>
			</div>
			<div class="weui-cell__ft"></div>
		</a>


		<div style="height: 2rem;"></div>
	</div>

	<div class="weui-tabbar">
		<a href="<c:url value='/wechat/home/index' />"
			class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="<c:url value='/images/we/index/icon_home1.png' />" alt="">
			</div>
			<p class="weui-tabbar__label">首页</p>
		</a> <a href="<c:url value='/wechat/insu/insuranceClassify/showInsu'/>"
			class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="<c:url value='/images/we/index/icon_insu0.png' />" alt="">
			</div>
			<p class="weui-tabbar__label">产品</p>
		</a> <a href="<c:url value='/wechat/share/cloudClass'/>"
			class="weui-tabbar__item">
			<div class="weui-tabbar__icon"
				style="height: 15px; margin-bottom: 2px; margin-top: 2px;">
				<img src="<c:url value='/images/we/index/icon_share1.png' />" alt="">
			</div>
			<p class="weui-tabbar__label">创业</p>
		</a> <a href="<c:url value='/wechat/cust/personCenter/index' />"
			class="weui-tabbar__item weui-bar__item--on">
			<div class="weui-tabbar__icon">
				<img src="<c:url value='/images/we/index/icon_per0.png' />" alt="">
			</div>
			<p class="weui-tabbar__label">我的</p>
		</a>
	</div>
</div>

<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>

<script type="text/javascript">
	$(function() {
		$(".move").animate({
			marginLeft : '0.8rem'
		}, 1000);
		$(".move").animate({
			marginLeft : '0.3rem'
		}, 1000);
	})
	function myTeamClick(level) {
		if (level == "visitor" || level == "vip") {
			$.alert("您还没有加入创客");
			return;
		}
		var href = $(".myTeam").data("href");
		window.location.href = href;

	}
</script>
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>
